/*
* @Author: Wanglj
* @Date:   2017-11-30 08:58:47
* @Last Modified by:   Wanglj
* @Last Modified time: 2018-08-25 14:22:49
*/
body{
    /* background-color:#f3f2ed; */
}
/*娉ㄥ唽start*/
.protocol{
    color:#666;
}
.protocol:hover{
    color:#1f9cee;
}
.register-body{
    height:700px;
    background: #fff;
    min-height:calc(100% - 235px);
}
.register-main-content{
    height:100%;
    /*display:box;*/
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    align-items: center;
}
.ui-register-combox{

}
.register-main-content .display-block {
    width: 318px;
    height: 356px;
    border: 1px solid #ddd;
    padding: 8px;
    margin-top: 45px;
}
.register-main-content .display-block .aimg {
    width: 100%;
    height: 100%;
}
.ui-register-combox .hight-title{
    line-height:32px;
    font-size:22px;
    font-weight:bold;
    margin:27px 0;
    text-align:center;
    color:#333;
}
.register-form-box .istate{
    font-size:16px;
}
.register-form-box .input-group{
    margin:12px 0 0px;
    overflow: hidden;
}
form.register-form .input-group:last-child{
    margin-top: -12px;
}
form.register-form .input-group:last-child .input-control{
    margin-bottom:12px;
}
.register-form-box .input-control{
    height:32px;
    line-height:32px;
    margin-bottom:22px;
}
.register-form-box .help-block{
    line-height: 14px;
}
.register-form-box .input-control .input-label,.register-form-box .input-control .input-value{
    height:100%;
    float:left;
}
.register-form-box .input-control .input-label{
    width: 112px;
    text-align: right;
    margin-right: 12px;
    color: #333;
}
.register-form-box .ui-input{
    height:100%;
    width:302px;
    line-height:32px;
    color: #666;
    outline: none;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
}
.get-code.ui-input{
    width: 184px;
}
.get-code-btn{
    height:32px;
    line-height:32px;
    text-align:center;
    width:110px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:3px;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
    margin-left: 8px;
    box-sizing:border-box;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
.get-code-btn:hover{
    background-color:#1f9cee;
    color:#fff;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
.input-value .alink{
    color:#666;
}
.input-value .alink:hover{
    color:#1f9cee;
    text-decoration:underline;
}
.input-value .my-checkbox{
    height: 20px;
    position: relative;
    top: 8px;
    margin-right: 4px;
}
.register-right{
    width:140px;
    text-align:center;
    border-radius:3px;
    cursor:pointer;
    background-color:#1f9cee;
    color:#fff;
    letter-spacing:1px;
    border:none;
    padding:0px;
}
.register-right:hover{
    box-shadow:1px 1px 8px 0px rgba(24,159,254,.3);
    -webkit-box-shadow:1px 1px 8px 0px rgba(24,159,254,.3);
}
.login-box .register-right{
    width:100%;
}
/*娉ㄥ唽end*/

/*鐧诲綍start*/
.login-body{
    min-height:700px;
    height:846px;
    min-height:calc(100% - 235px);
}
.login-main-content{
    height:100%;
    background: #fff;
    /*display:box;*/
    display:-webkit-box;
    /*display:flex;
    display:-webkit-flex;*/
    justify-content:center;
    background:#f2f3f4 url(../images/common-login-bg.jpg) no-repeat center center;
    position:relative;
}
.login-main-content .login-box{
    width: 448px;
    height: 436px;
    background-color:#fff;
    border-radius:10px;
    box-shadow:0 0 15px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.15);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.15);
    -ms-box-shadow:0 0 15px rgba(0,0,0,0.15);

    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -224px;
    margin-top: -240px;
}
.login-main-content .login-box h1{
    height:25px;
    line-height:25px;
    text-align:center;
    font-size:24px;
    padding-top:38px;
    padding-bottom:36px;
    font-weight:normal;
    color:#333;
    box-sizing:content-box;
    letter-spacing: 3px;
}
.login-main-content .login-box h1:first-letter{
    margin-right:0px;
    margin-left:3px;
}
.login-ui-view{
    /*margin-top: 162px;*/
}
.login-ui-view .display-block{
    width:318px;
    height:356px;
    border:1px solid #ddd;
    padding:8px;
}
.login-ui-view .display-block .aimg{
    width:100%;
    height: 100%;
}
.login-box .input-control{
    height: 55px;
    line-height: 55px;
    margin-bottom: 22px;
    padding:0 56px;
}
.login-box .input-control .input-label, .login-box .input-control .input-value {
    height: 100%;
}
.login-box .input-control .input-value{
    width:100%;
    position:relative;
}
.login-box .input-control .input-value .ifont{
    position:absolute;
    left:12px;
    top:14px;
    width:24px;
    height:24px;
    background-image:url(../images/uifont-icons.png);
    background-repeat:no-repeat;
}
.login-box .input-control .input-value .itxt{
    position: absolute;
    left: 42px;
    top: 0px;
    height: 55px;
    line-height: 55px;
    color:#474747;
}
.login-box .register-right{
    color:#fff;
    font-size:18px;
}
.login-box.forget-box .register-right:first-letter{
    margin-right:0px;
}
.login-box .register-right:first-letter{
    margin-right:8px;
}
.login-box .input-control .input-value .ifont.iuser{
    background-position:-105px 0px;
}
.login-box .input-control .input-value .ifont.ipsd{
    background-position:-77px 0px;
}
.login-box.register-box .input-control:nth-child(2) .input-value .ifont.ipsd{
    background-position:-139px -2px;
}
.login-box  .input-control .input-label {
    width: 56px;
    text-align: right;
    margin-right: 8px;
    color: #333;
}
.login-box .pox{
    /*margin-top:42px;*/
}
.login-box .pox .input-value .my-checkbox{
    position: static;
    margin-top: 17px;
}
.login-box .pox .form-group{
    height: 100%;
}
.login-main-content .login-box .hdoops{
    line-height:36px;
    text-align:center;
    color:#333;
    font-size:18px;
}
.login-main-content .login-box .buyer-login{
    text-align: right;
    padding: 0 16px;
    font-size: 16px;
}
.login-main-content .login-box .hdoops .alink{
    color:#333;
    transition:none;
}
.login-main-content .login-box .hdoops .alink:hover{
    color:#1f9cee;
    text-decoration:underline;
    transition:none;
}
.pox .help-block{
    line-height: 18px;
    margin: 0;
}
[class="login-box register-box"] .pox .help-block {
    padding-left: 12px;
}
.has-error .itxt .control-label{
    color:#333;
}
.login-box label{
    margin-bottom:0;
}
.login-box .has-error .itxt .control-label{
    margin:0;
}
.login-box .ui-input{
    height: 100%;
    width: 100%;
    line-height: 32px;
    color: #747474;
    outline: none;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0 8px;
    padding-left:86px;
    box-sizing: border-box;
    border-radius:3px;
}
.login-box .my-checkbox .forget{
    float: left;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
}
.login-box .forget-psd{
    margin-right:0px;
}
.login-box .forget-psd .iforget{
    color:#666;
    transition:none;
}
.login-box .forget-psd .iforget:hover{
    color:#1f9cee;
    text-decoration:underline;
    transition:none;
}
/*鐧诲綍end*/
/*娉ㄥ唽start*/
.login-main-content .login-box.register-box h1{
    padding-top: 18px;
    padding-bottom: 18px;
}
.register-box.login-box .input-control{
    height:45px;
    line-height:45px;
}
.register-box.login-box .input-control .input-value .ifont{
    top:10px;
    display:none;
}
.register-box.login-box .input-control .input-value .itxt{
    height:45px;
    line-height:45px;
}
.register-box.login-box .input-control .input-value .itxt{
    left:12px;
}
.register-box.login-box .input-control:first-child{
    display:none;
}
.register-box.login-box .input-control:first-child .input-value .ui-input{
    padding-left: 58px;
}
.register-box.login-box .input-control:nth-child(4) .input-value .ui-input{
    padding-left: 58px;
}
.register-box.login-box .ui-input{
    padding-left: 85px;
}
.login-main-content .login-box.register-box{
    padding: 12px 0;
    height:auto;
}
.register-box .get-phonecode{
    float:left;
    width: 200px;
    height: 100%;
}
.register-box .get-phonecode .ui-input{
    padding: 0 0 0 14px;
}
.register-box .get-code{
    float:right;
    height: 100%;
    width: 115px;
    text-align: center;
    cursor:pointer;
    background-color:#ccc;
    color:#666;
    border-radius: 3px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.register-box .get-code:hover{
    box-shadow:0 0 6px rgba(204,204,204,0.8);
    -webkit-box-shadow:0 0 6px rgba(204,204,204,0.8);
    -moz-box-shadow:0 0 6px rgba(204,204,204,0.8);
}
/*娉ㄥ唽end*/
/*蹇樿瀵嗙爜start*/
.login-main-content .login-box.forget-box h1:first-letter{
    margin-right:0;
}
.forget-box .get-phonecode{
    float:left;
    width: 200px;
    height: 100%;
}
.forget-box .get-phonecode .ui-input{
    padding: 0 0 0 14px;
}
.forget-box .get-code{
    float:right;
    height: 100%;
    width: 115px;
    text-align: center;
    cursor:pointer;
    background-color:#ccc;
    color:#666;
    border-radius: 3px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.forget-box .get-code:hover{
    box-shadow:0 0 6px rgba(204,204,204,0.8);
    -webkit-box-shadow:0 0 6px rgba(204,204,204,0.8);
    -moz-box-shadow:0 0 6px rgba(204,204,204,0.8);
}
.login-main-content .login-box.forget-box{
    padding:0 0 45px;
    height:auto;
}
.default-ui-ps{
    height:212px;
    width:100%;
    overflow:hidden;
}
.forget-box .forget-ani{
    height:100%;
    width:200%;
}
.forget-box .forget-ani .ani-items{
    height:100%;
    width:50%;
    float:left;
}
/*蹇樿瀵嗙爜end*/
.main-body-layout{
    background: #fff;
    min-height: calc(100% - 235px);
}
.body-ui-view{

}
/*閲囪喘淇℃伅鍒楄〃椤祍tart*/
.purchase{
    overflow:hidden;
    margin:0 auto;
}
.tab-switch{
    margin:26px 0 0;
}
.switch-header{
    border-bottom:1px solid #ddd;
}
.switch-header .switch-bar{
    padding:0 22px;
    height:30px;
    line-height:30px;
    text-align:center;
    background-color:#fff;
    color:#666;
    float:left;
    margin-right:5px;
    border:1px solid #ddd;
    border-bottom:0;
    cursor:pointer;
    box-sizing:border-box;
}
.switch-header .switch-bar.active{
    background-color:#1f9cee;
    color:#fff;
    border-color:#1f9cee;
    box-sizing:border-box;
}
.switch-body{

}
.switch-body .switch-panel{
    display:none;
}
.switch-body .switch-panel.active{
    display:block;
}
.form-purchase-box{
    margin:30px 0 24px;
}
.form-horizontal{

}
.form-horizontal .input-control{
    display:inline-block;
    height:26px;
    line-height:26px;
    margin-right:12px;
}
.form-horizontal .input-label,.form-horizontal .input-value{
    display:inline-block;
    height:100%;
}
.form-horizontal .input-value{

}
.form-horizontal .input-value input{
    height:100%;
    border:1px solid #ddd;
    padding:0 8px;
    outline:none;
}
.form-horizontal .input-value input:focus{
    border-color:#1f9cee;
}
.input-value .select{
    height:26px;
    line-height:26px;
    border:1px solid #ddd;
    padding:0 8px;
    outline:none;
}
.input-value .select:focus{
    border-color:#1f9cee;
    box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -webkit-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -moz-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -ms-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
}
.input-control .default-info-btn:hover{
    color:#fff;
}
.purchase-table{
    margin:0;
}
.purchase-table .table{
    width:100%;
    border-collapse:collapse;
}
.purchase-table .table tr{

}
.purchase-table .table tbody tr:nth-child(even){
    background-color:#f5f5f5;
}
.purchase-table .table thead tr{
    background-color:#f3f3f3;
}
.purchase-table .table thead th{
    text-align:left;
}
.purchase-table .table td,.purchase-table .table th{
    vertical-align:top;
    padding: 12px;
    border: 1px solid #ddd;
}
.purchase-table .table tbody a{
    color:#666;
}
.purchase-table .table tbody a:hover{
    color:#1f9cee;
}
.desk_pager_outer {
    padding: 40px 0px 45px;
    text-align:center;
}
.purchase-table .surplus{
    margin-left:4px;
}
.purchase-table .surplus .date{
    color: #ec2020;
    font-weight: bold;
    margin: 0 3px;
}
/*閲囪喘淇℃伅鍒楄〃椤礶nd*/
/*渚涘簲鍟�骞冲彴start*/
.supply-view{
    margin:0 auto;
}
.supply-options{
    overflow:hidden;
}
.supply-options .supply-models{
    margin:12px 0;
}
.supply-options .filter-classify{
    border:1px solid #ddd;
    background-color:#f5f5f5;
    padding:12px 12px 0;
}
.supply-options .filter-classify .filter-item{
    display: inline-block;
    line-height: 24px;
    padding: 0 14px;
    color: #666;
    margin: 0 0px 12px;
}
.supply-options .filter-classify .filter-item:hover{
    color:#1f9cee;
    text-decoration:underline;
}
.filter-supplier{
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px dashed #ddd;
}
.filter-supplier .supplier-item{
    float:left;
    width: 33.33%;
    box-sizing: border-box;
    padding: 20px 12px;
    border-left: 1px dashed transparent;
    border-right: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    border-top: 1px dashed transparent;
}
.filter-supplier .supplier-item:hover{
    background-color:#f5f5f5;
}
.filter-supplier .supplier-item:first-child,.filter-supplier .supplier-item:nth-child(4n){
    padding-left:0;
}
.supplier-item .alink{
    display:block;
}
.supplier-item .aimg-box{
    width:103px;
    height:103px;
    margin-right:12px;
    overflow:hidden;
}
.supplier-item .aimg-box .aimg{
    height:100%;
}
.supplier-item .info-li{

}
.supplier-item .info-li .label{
    color:#999;
}
.supplier-item .info-li .value{
    color:#333;
}
.supplier-item .supply-info{
    margin-top:12px;
}
.supplier-item .supply-info .info-li{
    line-height:26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.supply-plat{
    min-height:calc(100% - 235px);
}
/*渚涘簲鍟�骞冲彴end*/

/*鐢ㄦ埛涓績start*/
.usercenter-main-view{
    margin:0 auto;
}
.user-header-bkg{
    height:160px;
    background-image:-webkit-linear-gradient(left top,#a5bde3 20%,#78e7d6 70%,#a5bde3);
    background-image:url(../images/usercenter-banner-bkg.png);
    background-repeat:no-repeat;
    background-position:center;

    background-color: #fff;
    border: 1px solid #ddd;
}
.user-avadar{
    margin-top:36px;
}
.user-avadar .img-figure{
    float:left;
    width:88px;
    height:88px;
    margin-right:12px;
    overflow:hidden;
}
.user-avadar .img-figure .aimg{
    width:100%;
    height:100%;
}
.user-avadar .com-info{
    color:#666;/*
    width:374px;*/
    padding-left: 102px;
    font-size:14px;
}
.user-avadar .com-info .ui-auth{
    /*margin-top:4px;*/
    vertical-align:middle;
}
.user-avadar .com-info .goto-auth{
    display:inline-block;
    vertical-align:middle;
}
.user-avadar .com-info .ilist{
    margin-top:10px;
}
.user-avadar .com-info .ui-item{
    line-height:24px;
    color:#fff;
}
.user-avadar .com-info .ui-item.compy-name{
    font-size:24px;
    text-shadow: 2px 2px 3px rgba(134, 116, 116, 0.8);
    -webkit-text-shadow: 2px 2px 3px rgba(134, 116, 116, 0.8);
    -moz-text-shadow: 2px 2px 3px rgba(134, 116, 116, 0.8);
    -ms-text-shadow: 2px 2px 3px rgba(134, 116, 116, 0.8);
}
.user-avadar .com-info .ui-item .ui-auth{
    /*margin:5px 0 0 0;*/
    /*float:left;*/
}
.user-avadar .com-info .has-auth{
    color: #1f9cee;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.user-header-bkg .user-data{
    /*margin-right:60px;*/
    margin-top: 42px;
        padding: 10px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}
.user-data .table{
    border-collapse:collapse;
    table-layout:fixed;
}
.user-data .table .itext{
    width:96px;
    text-align:center;
}
.user-data .table .imum{
    margin-top:6px;
    font-size:24px;
    text-align:center;
    color:#ff6c00;
}
.usercenter-menu{
    position:relative;
    margin-top:15px;
    margin-bottom:30px;
    min-height: 250px;
}
.usercenter-menu .left-menu{
    position:absolute;
    background: #fff;
    left:0;
    top:0;
    width:200px;
    text-align:center;
}
.usercenter-menu .menu-title{
    line-height:50px;
    background-color:#1f9cee;
    color:#fff;
    font-size:16px;
    font-weight:bold;
}
.usercenter-menu .menu-list{

}
.usercenter-menu .menu-list .menu-item{
    line-height:46px;
    border:1px solid #ddd;
    margin-bottom:-1px;
    box-sizing:border-box;
}
.menu-list .menu-item .alink{
    display:block;
    color:#666;
}
.menu-list .menu-item .alink.active,.menu-list .menu-item .alink:hover{
    color:#1f9cee;
}
.usercenter-right-block{
    background-color:#fff;
    /*padding: 12px;*/
}
.user-setting-box{
    padding-left:220px;
    min-height:400px;
}
.user-setting-box .otxt .img-thumbnail{
    max-width: 120px;
}
.setting-switch{

}
.user-setting-box .setting-header{
    border-bottom:1px solid #ddd;
    margin:0 0 10px;
}
.user-setting-box .setting-header .one-item{
    float:left;
    height:38px;;
    line-height:38px;
    /* width:160px; */
    /*padding:0 36px;*/
    width:116px;
    padding:0;
    color:#666;
    background-color:#fff;
    border-color:#ddd #ddd transparent #ddd;
    border-style:solid;
    border-width:1px;
    margin-right:6px;
    text-align:center;
    cursor:pointer;
}
.user-setting-box .setting-header .one-item .link{
    display:block;
    color:#666;
}
.user-setting-box .setting-header .one-item.active{
    background-color:#1f9cee;
    border-color:#1f9cee;
    color:#fff;
}
.user-setting-box .setting-header .one-item.active .link{
    color:#fff;
}
.setting-switch-oinner{

}
.setting-switch-oinner .tab-panel{
    display:none;
}
.setting-switch-oinner .tab-panel.active{
    display:block;
}
.personal-table{

}
.personal-bind:first-child{
    margin-top:20px;
}
.personal-bind{
    margin-bottom:50px;
}
.personal-getcode{
    display:inline-block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 0 18px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    margin-left: 8px;
    box-sizing: border-box;

}
.personal-getcode:hover{
    box-shadow:0 0 6px rgba(31,156,238,0.8);
    -webkit-box-shadow:0 0 6px rgba(31,156,238,0.8);
    border-color:#1f9cee;
    background-color: #1f9cee;
    color: #fff;
}
.personal-table .table{
    border-collapse:collapse;
    width:100%;
}
.personal-table .table tbody tr>td:first-child{
    width:162px;
    text-align:right;
}
.personal-table .table tbody tr>td:last-child{
    padding-left:26px;
}
.personal-table .table tbody td{
    padding:12px;
    border:1px solid #ddd;
}
.personal-table .light{
    color:red;
}
.personal-table .input{
    height: 32px;
    line-height:32px;
    width: 240px;
    color: #666;
    outline: none;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
}
.pbind-sm-tt {
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    padding-bottom: 6px;
}
.pbind-sm-tt:after,.pbind-sm-tt::after{
    content:"锛�";
    display:inline-block;
}
.personal-table .select{
    height: 28px;
    line-height:28px;
    color: #666;
    outline: none;
    border: 1px solid #ccc;
    padding:0 12px;
}
.personal-table .statement{
    color: #888;
    margin-left: 6px;
}
.personal-table .statement.iblock{
    display: inline-block;
    width: 651px;
    vertical-align: middle;
}
.set-save-btn{
    width:160px;
    height:42px;
    line-height:42px;
    border:1px solid #1f9cee;
    border-radius:3px;
    text-align:center;
    margin:20px 0 0 190px;
    cursor:pointer;
    color:#fff;
    background-color:#1f9cee;
}
.set-save-btn:hover{
    box-shadow:0 0 6px rgba(31,156,238,0.8);
    -webkit-box-shadow:0 0 6px rgba(31,156,238,0.8);
}
.file-control{
    display: inline-block;
    /* width: 120px; */
    height: 32px;
    padding: 0 24px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 32px;
    color: #666;
    font-size: 13px;
    cursor: pointer;
}
.file-control:hover{
    background-color:#1f9cee;
    color:#fff;
}
.file-control .file{
    position: absolute;
    clip: rect(0,0,0,0);
}
.file-control .i{
    display: inline-block;
    width: 100%;
    height: 100%;
}
#uploader-img-box{
}
.img-uploader-box{
    position: relative;
    float:left;
    margin-right: 8px;
    margin-bottom: 16px;
}
.img-uploader-box .load-img{
    width: 150px;
    height: 150px;
    padding: 4px;
    border: 1px solid #ddd;
    overflow:hidden;
        display: flex;
    justify-content: center;
    align-items: center;
    /*position: relative;*/
}
.img-uploader-box .aimg{
    height:100%;
    border-radius:50%;
}
.img-uploader-box .remove-img{
    position: absolute;
    width: 14px;
    line-height: 12px;
    height: 14px;
    font-size: 12px;
    text-align: center;
    top: -7px;
    right: -7px;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #fff;
    background: #fff;
    background:rgba(0,0,0,0.4);
    cursor: pointer;
}
.img-uploader-box .remove-img:hover{
    background:rgba(0,0,0,0.8);
}
.ms-bind-h1{
    line-height:42px;
    padding:4px 0;
    font-size:18px;
    font-weight:bold;
    color:#333;
}
.personal-offer{
    margin:10px -13px 0 0;
}
.personal-offer .offer-item{
    float:left;
    width:318px;
    height:180px;
    padding:12px 18px;
    box-sizing:border-box;
    border:1px solid #ddd;
    margin-right:13px;
    margin-bottom:15px;
}
.personal-offer .offer-item:nth-child(3n){
    margin-right:0;
}
.offer-item .h2{
    line-height:32px;
    border-bottom:1px solid #ddd;
    font-size:15px;
    font-weight:bold;
    color:#333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.offer-item .offer-info{
    padding-top:10px;
}
.offer-item .item-block{
    display:block;
}
.offer-item:hover{
    background-color:#f5f5f5;
}
.offer-item .offer-info .info-li{
    line-height: 26px;
}
.offer-item .offer-info .label{
    color:#999;
}
.offer-item .offer-info .value{
    color:#666;
}
.offer-item .offer-info .geting{
    color:#1f9cee;
}
.offer-item .offer-info .other{
    margin-left:2px;
}
.offer-item .offer-info .other i{
    color:red;
    margin:0 1px;
    font-style:normal;
}



.personal-order{
    margin:10px -13px 0 0;
}
.personal-order .order-item{
    float:left;
    width:310px;
    height:180px;
    padding:12px 18px;
    box-sizing:border-box;
    border:1px solid #ddd;
    margin-right:13px;
    margin-bottom:15px;
}
.personal-order .order-item:hover{
    background-color:#f5f5f5;
}
.personal-order .order-item:nth-child(3n){
    margin-right:0;
}
.order-item .h2{
    line-height:32px;
    font-size:15px;
    font-weight:bold;
    color:#333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.order-item .i-order,.order-item .order-count{
    line-height:32px;
}
.order-item .label{
    color:#999;
}
.order-item .value{
    font-weight:bold;
}
.order-item .scan{
    display:block;
    width:84px;
    height:28px;
    line-height:28px;
    color:#999;
    box-sizing:border-box;
    border:1px solid #ddd;
    text-align:center;
    cursor:pointer;
}
.order-item .scan:hover{
    background-color:#1f9cee;
    border-color:#1f9cee;
    color:#fff;
}
.order-item .detail{
    margin: 8px 0 0;
}

.order-detail-tt{
    font-size:18px;
    font-weight:bold;
    color:#333;
    line-height:32px;
    margin:22px 0;
    text-align:center;
}
.order-table{

}
.order-table .table{
    border-collapse:collapse;
    width:100%;
}
.order-table .table tbody td{
    padding:12px 16px;
    border:1px solid #ddd;
}
.order-table .table tbody td:first-child{
    width:175px;
}
.order-table .table tbody .default{
    color:#1f9cee;
    font-weight:bold;
}
.order-product-list{
    margin:22px 0;
}
.order-product-list .my-order-cell{
    margin-bottom:42px;
}
.my-order-cell .flow-header{
    line-height:36px;
}
.my-order-cell .flow-header .fl{
    color:#333;
    font-weight:bold;
}
.my-order-cell .flow-header .fr a:hover{
    text-decoration:underline;
}
.flow_line_draw .flow_line{
    height:100px;
    margin-top:12px;
    position: relative;
    z-index: 1;
}
.flow_line_draw .flow_line .line{
    float:left;
    width:12.5%;
    height:100%;
    /*display:box;*/
    display:-webkit-box;
    display:flex;
    display:-webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position:relative;
}
.flow_line .line .text{
    background-color: #1f9cee;
    color: #fff;
    padding: 0px 12px;
    line-height: 28px;
    border-radius: 26px;
    width: 56px;
    text-align: center;
}
.flow_line .line .percent{
    color:#999;
}
.flow_line .line .ball{
    width:20px;
    height:20px;
    border-radius:50%;
    background-color:#fff;
    border:1px solid #1f9cee;
    overflow:hidden;
    margin: 8px 0;
    position:relative;
}
.flow_line .line .state{
    color:#333;
}
.flow_line .line .ball .cnt{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color:#1f9cee;
}

.flow_line .line .state{
    color: #333;
    font-weight: bold;
}
.flow_line .line:after,.flow_line .line::after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    margin-top:-1px;
    height:2px;
    background-color:#1f9cee;
    z-index: -1;
}
.flow_line .line:first-child:after,.flow_line .line:first-child::after{
    left:50%;
}
.flow_line .line:last-child:after,.flow_line .line:last-child::after{
    width:50%;
}

.message-box{

}
.message-box .message-igbox{
    height:36px;
    padding-bottom: 4px;
    border-bottom:1px solid #ddd;
    overflow:hidden;
}
.message-box .message-igbox .fl{
    font-size:16px;
    line-height: 32px;

}
.message-box .message-igbox .fr .my-checkbox{
    margin:8px 6px 0 0;
}
.message-box .message-igbox .fr a[class^=sign]{
    display:inline-block;
    margin-right:6px;
    color:#666;
    vertical-align: bottom;
}
.message-box .message-igbox .fr a[class^=sign]:hover{
    color:#1f9cee;
}
.message-box .message-igbox .fr .ifont-email1{

}
.message-box .message-igbox .fr .ifont-delete6{

}
.msg-list-view{
    padding:12px;
}
.msg-list-view .msg-item{
    height:46px;
    border-bottom:1px solid #ddd;
}
.msg-list-view .msg-item:hover{
    background-color:#f5f6f7;
}
.msg-list-view .msg-item .fl .msg{
    display:block;
    color:#666;
    margin-top:14px;
}
.msg-list-view .msg-item .fl .msg:hover{
    color:#1f9cee;
}
.msg-list-view .msg-item .fr .date{
    float:left;
    margin-top:14px;
}
.my-detail-dl{
    overflow:hidden;
}
.my-detail-dl .order-detail-tt{

}
.my-detail-dl .order-detail-tt .approve{
    color:#333;
    font-size:14px;
    margin-left:12px;
    font-weight:normal;
}
.my-detail-dl .table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
.my-detail-dl .table tbody td{
    border:1px solid #ddd;
    padding:12px;
}
.detail-flow{
    margin-top: 22px;
}
.detail-flow .alink-block{
    color:#333;
}
.detail-flow .alink-block.active,.detail-flow .alink-block:hover{
    color:#1f9cee;
    text-decoration:underline;
}
.flow-tabswitch{

}
.flow-tabswitch .upload-file-table{

}
.flow-tabswitch .upload-file-table .table{
    width:100%;
    border-collapse:collapse;
}
.flow-form .tab-caption{
    color:#333;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    padding:22px 0;
}
.upload-file-table .table tbody td{
    padding: 12px;
    border: 1px solid #ddd;
}
.upload-file-table .table tbody td:first-child{
    width: 162px;
    text-align: right;
}
.upload-file-table .table tbody .light{
    color:red;
}
.upload-file-table .input {
    height: 32px;
    line-height: 32px;
    width: 240px;
    color: #666;
    outline: none;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
}
.upload-file-table .statement{
    color:#888;
    margin-left:6px;
}
.flow-form{
    padding: 0 0 30px;
    border-bottom: 1px dashed #ddd;
}
.flow-form .flow-submit{
    display:inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 24px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    margin: 20px 0 0 176px;
    cursor: pointer;
    background-color:#1f9cee;
    color:#fff;
}
.flow-form .flow-submit:hover{
}
.display-material{
    margin:36px 0;
}
.display-material .table thead th{
    height:44px;
    background-color:#f3f3f3;
    color:#333;
    border: 1px solid #ddd;
}
.display-material .table tbody td:first-child{
    text-align:center;
    font-weight:bold;
}
.display-material .table tbody tr:first-child td{
    text-align:center;
    font-weight:normal;
}
.display-material .table tbody .status{
    font-weight:bold;
    font-size:14px;
    line-height:26px;
    color:#ff8700;
}
.display-material .table tbody .remark{
    line-height:32px;
    color:#666;
}
.display-material .table tbody .img-figures .img-box{
    cursor: pointer;
    float: left;
    height: 240px;
    margin: 0 12px 0;
    /* border: 1px solid #eee; */
    padding: 12px;
    box-sizing: content-box;
}
.display-material .img-figures .img-box .img{
    height:100%;
}
.display-material .img-figures .img-box:hover{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
.flow-tabswitch .tab-panel{
    display:none;
}
.flow-tabswitch .tab-panel.active{
    display:block;
}
.flow-form .upload-file-table .add-other-info{
    display: inline-block;
    cursor:pointer;
    line-height:32px;
    padding:0 20px;
    border:1px solid #ddd;
    border-radius:5px;
}
.flow-form .upload-file-table .add-other-info:hover{
    background-color:#1f9cee;
    color:#fff;
}
.display-material .tb-imgs{
    float:left;
    margin:0 12px 12px 0;
}
.display-material .tb-imgs .imgs{
    height:145px;
}
.display-material .tb-imgs .text{
    line-height:32px;
}
.display-material .tb-imgs .aimg{
    height:100%;
}
.upload-file-table .select{
    outline:none;
    padding: 4px 18px;
    border: 1px solid #ddd;
}
.quality-h1{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 32px;
    margin: 22px 0;
    text-align: center;
}
.quality-h1 .tit{
    float: left;
    font-size: 13px;
    font-weight: normal;
    margin-top: 6px;
}
.quality-table{}
.quality-table .table{
    width:100%;
    border-collapse:collapse;
}
.quality-table .table thead th{
    background-color:#f6f7f8;
    border:1px solid #ddd;
    padding:12px;
}
.quality-table .table tbody td {
    padding: 12px;
    border: 1px solid #ddd;
    text-align:center;
}
.quality-table .table .get-input{
    display: inline-block;
    padding: 6px 20px;
    border: 1px solid #ddd;
    /*border-radius: -1px;*/
    cursor:pointer;
}
.quality-table .table .get-input:hover{
    background-color:#1f9cee;
    color:#fff;
}
.quality-get-in .h1{
    line-height: 42px;
    padding: 12px 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.quality-get-in .table{
    width:100%;
    border-collapse:collapse;
}
.quality-get-in .table tbody td {
    padding: 12px;
    border: 1px solid #ddd;
}
.quality-get-in .table .input{
    height: 32px;
    line-height: 32px;
    width: 240px;
    color: #666;
    outline: none;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
}
.quality-get-in .table .textarea{
    width:460px;
    height:130px;
    outline:none;
    padding:6px 8px;
    border: 1px solid #ccc;
}
.quality-get-in .table tbody td:first-child{
    text-align:right;
}
.quality-get-in .my-submit{
    width: 160px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    margin: 20px 0 0 173px;
    cursor: pointer;
}
.quality-get-in .my-submit:hover{
    background-color:#1f9cee;
    color:#fff;
}

.quality-get-in .hs-table{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}
.quality-get-in .hs-table thead th{
    background-color:#f6f7f8;
    padding:12px;
    border:1px solid #ddd;
}
.quality-get-in .hs-table tbody td {
    padding: 12px;
    border: 1px solid #ddd;
}
.quality-get-in .hs-table .input{
    height: 32px;
    line-height: 32px;
    width: 240px;
    color: #666;
    outline: none;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
}
.quality-get-in .hs-table .textarea{
    width:460px;
    height:130px;
    outline:none;
    padding:6px 8px;
    border: 1px solid #ccc;
}
.quality-get-in .hs-table .file{

}
.quality-get-in .hs-table .file:hover{
    text-decoration:underline;
}
.quality-get-in{
    padding-bottom: 50px;
}

/*鐢ㄦ埛涓績end*/
/*棣栭〉start*/
.index-content{
    margin:0 auto;
}
.main-layout .bannner{
    position:relative;
    height:400px;
    background-color:#fff;
    background-image:url(../images/banner.png);
    background-repeat:no-repeat;
    background-position:center center;
}
.main-layout .bannner .h1{
    position:absolute;
    top:90px;
    left:264px;
    color:#333;
    font-size:36px;
    font-weight:800;
}
.main-layout .bannner .p{
    position:absolute;
    top:154px;
    left:264px;
    font-size:16px;
    color:#333;
    line-height:22px;
}
.main-layout .bannner .client{
    position: absolute;
    right:322px;
    top: 148px;
    padding: 7px 26px;
    background-color: #1f9cee;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
}
.main-layout .bannner .client:hover{
    box-shadow:2px 2px 3px rgba(0,0,0,0.3), -2px -2px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.3), -2px -2px 3px rgba(0,0,0,0.3);
}
.pur-bus{

}
.pur-bus .txt{
    height:42px;
    text-align:center;
    border-bottom:4px solid #f3f3f3;
}
.pur-bus .txt .iscenter{
    display:inline-block;
    font-weight:bold;
    height: 39px;
    line-height: 34px;
    padding:0 8px;
    border-bottom:4px solid #1f9cee;
    position: relative;
    top: 3px;
}
.pur-bus .pur-list{
    margin-top:22px;
}
.pur-bus .pur-item{
    float:left;
    width:388px;
    height:70px;
    box-sizing:border-box;
    margin:0 22px 34px 0;
    border-right:1px dashed #1f9cee;
}
.pur-bus .pur-item:nth-child(3n){
    margin-right: 0;
    border-right: none;
    width: 376px;
}
.pur-bus .pur-item .alink{
    display:block;
    width:100%;
    height:100%;
    text-align:center;
    cursor: default;
}
.index-main-view .table > caption + thead > tr:first-child > th, .index-main-view .table > colgroup + thead > tr:first-child > th, .index-main-view .table > thead:first-child > tr:first-child > th, .index-main-view .table > caption + thead > tr:first-child > td, .index-main-view .table > colgroup + thead > tr:first-child > td, .index-main-view .table > thead:first-child > tr:first-child > td{
        background: #f5f5f5;
    border-top: none;
    border-bottom: none;
}
.p-bid-table .table > thead > tr > th, .p-bid-table .table > tbody > tr > th, .p-bid-table .table > tfoot > tr > th, .p-bid-table .table > thead > tr > td, .p-bid-table .table > tbody > tr > td, .p-bid-table .table > tfoot > tr > td{
        border-top: none;
    border-bottom: 1px solid #ddd;
}
.project-table-panel .table > caption + thead > tr:first-child > th, .project-table-panel .table > colgroup + thead > tr:first-child > th, .project-table-panel .table > thead:first-child > tr:first-child > th, .project-table-panel .table > caption + thead > tr:first-child > td, .project-table-panel .table > colgroup + thead > tr:first-child > td, .project-table-panel .table > thead:first-child > tr:first-child > td{
    background: #f5f5f5;
    border-top: none;
    border-bottom: none;
}
.project-table-panel .table > thead > tr > th, .project-table-panel .table > tbody > tr > th, .project-table-panel .table > tfoot > tr > th, .project-table-panel .table > thead > tr > td, .project-table-panel .table > tbody > tr > td, .project-table-panel .table > tfoot > tr > td {
    border-top: none;
    border-bottom: 1px solid #eee;
}
.pur-bus .pur-item .alink .aimg{
    /*width:100%;
    height:100%;*/
}
.pur-bus .pur-img{
    width:77px;
    height:77px;
    border-radius:50%;
    overflow:hidden;
    margin-right:12px;
}
.pur-bus .pur-img .img{
    width:100%;
    height:100%;
}
.pur-bus .item-dl{
    padding-top: 12px;
    max-width: 264px;
}
.pur-bus .item-dl dt{
    font-size:16px;
    color:#444;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.pur-bus .item-dl dt,.pur-bus .item-dl dd{
    line-height:24px;
}
.pur-bus .item-dl dd{
    color:#888;
    font-size:14px;
}
.supply-infomation{
    margin:0 0 22px 0;
}
.supply-infomation .tab-switch{
    margin-top:0;
}
.supply-infomation .p-bid{
    width:890px;
}
.p-bid .switch-body{
    /*height:252px;
    overflow:hidden;*/
}
.supply-infomation .s-bid{
    width:288px;
}
.p-bid .get-more,.s-bid .get-more{
    float: right;
    font-size: 14px;
    margin-top: 12px;
    color: #999;
    font-weight:normal;
}
.p-bid .get-more:hover,.s-bid .get-more:hover{
    color:#1f9cee;
    text-decoration:underline;
}
.p-bid .switch-header{
    border-bottom:none;
    margin-top:10px;
}
.p-bid-table{

}
.p-bid-table .table{
    border-collapse:collapse;
    width:100%;

}
.p-bid-table .table thead th{
    background-color:#f3f3f3;
}
.p-bid-table .table thead th,.p-bid-table .table tbody td{
    vertical-align: top;
    padding: 11px;
    text-align: left;
}
.p-bid-table .table tbody td{
    padding:7px 8px;
}
.p-bid-table .table .alink:hover{
    text-decoration:underline;
}
.p-bid-table .table .project-name{
    width:338px;

}
.p-bid-table .table .pub-comp{
    width:150px;
}
.p-bid-table .table .project-name,.p-bid-table .table .pub-comp{
    display:inline-block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.p-bid-table .table .project-name .alink{
    color:#666;
}
.p-bid-table .table .project-name .alink:hover{
    color:#1f9cee;
}
.gold-list-spl{
    margin:0px 0 0;
}
.gold-list-spl dt{
    height: 40px;
    line-height: 36px;
    color: #1f9cee;
    overflow: hidden;
    padding-bottom: 3px;
    border-bottom: 3px solid #1f9cee;
    margin-bottom:20px;
}
.gold-list-spl .lengend .text{
    font-weight:bold;
    color: #333;
}
.gold-list-spl .lengend .text,.gold-list-spl .lengend .icons{
    float:left;
}
.gold-list-spl .lengend .icons{
    width: 20px;
    height: 20px;
    margin:6px 4px 0 0;
    background: url(../images/uifont-icons.png) no-repeat -28px 0px;
}
.gold-list-spl dd{
    margin-bottom:8px;
    /* border: 1px solid #ddd; */
}
.gold-list-spl dd .block{
    display:block;
    padding:6px 14px;
    height: 84px;
    background: #f2f2f2;
    border:1px solid #f6f7f8;
}
.gold-list-spl dd .block:hover{
    /*border-color:#ddd;*/
}
.gold-list-spl dd:last-child{
    margin-bottom:0;
}
.gold-list-spl .get-more{
    margin-top:0;
    font-size: 14px;
    font-family: "瀹嬩綋";
}
.gold-list-spl .spl-img-figure{
    width:60px;
    height:60px;
    border-radius:50%;
    overflow:hidden;
}
.gold-list-spl .spl-img-figure .img{
    width:100%;
    height:100%;
}
.gold-list-spl .spl-info{
    width:182px;
    line-height: 21px;
}
.gold-list-spl .spl-info .tit{
    color:#333;
}
.gold-list-spl .spl-info .tit,.gold-list-spl .spl-info .address{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.gold-list-spl .spl-info .address,.gold-list-spl .spl-info .type{
    color:#888;
}
/*棣栭〉end*/
/*鎷涙爣璇︽儏椤祍tart*/
.bid-detail-layout{
    margin:0 auto;
    overflow:hidden;
}
.bid-detail-layout .bid-detail-box{
    margin:25px 0 15px;
}
.bid-detail-layout .bid-detail-box .bid-comp{
    width:825px;
}
.bid-detail-box .h1{
    font-size:20px;
    font-weight:bold;
    color:#333;
    line-height:45px;
}
.bid-detail-box .code{
    font-weight:bold;
    font-size:14px;
    color:#1f9cee;
    line-height:36px;
}
.bid-detail-box .bid-item{
    margin-bottom:15px;
}
.bid-detail-box .bid-item .bid-header{
    line-height:34px;
    background-color:#e9f2fb;
    font-weight:bold;
    color:#333;
    padding:2px 6px;
}
.bid-detail-box .bid-item .bid-body{
    line-height:24px;
    padding:12px 6px;
}
.bid-detail-box .bid-item .bid-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;

}
.bid-detail-box .bid-item .bid-table td{
    padding:12px;
}
.bid-detail-box .bid-item dl{
    padding:6px;
}
.bid-detail-box .bid-item dt{
    font-weight:bold;
    line-height:32px;
    color:#333;
}
.bid-detail-box .bid-item dd{
    line-height:24px;
}
.bid-detail-box .bid-item .go-to-bid{
    display:inline-block;
    padding:8px 24px;
    border-radius:5px;
    background-color:#1f9cee;
    color:#fff;
}
.bid-detail-box .bid-item .go-to-bid:hover{
    box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -webkit-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -moz-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -ms-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
}
.bid-detail-box .bid-intro{
    width:286px;
}
.bid-detail-box .bid-intro .intro-header{
    height:118px;
    background-image:url(../images/u1306.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.bid-detail-box .bid-intro .intro-body{
    padding:12px 16px;
    border-style:solid;
    border-color:transparent #ddd #ddd #ddd;
    border-width:1px;
}
.bid-detail-box .bid-intro .intro-body .item{
    line-height: 26px;
    background-color: white;
    padding: 0 0 6px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 6px;
}
.bid-detail-box .bid-intro .intro-body .item:last-child{
    border-bottom:none;
}
.bid-detail-box .intro-body .item .alink{
    color:#333;
    font-size:14px;
}
.bid-detail-box .intro-body .item .title{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.bid-detail-box .intro-body .item .alink:hover{
    color:#1f9cee;
}

.age-abs{
    height: 40px;
    line-height: 36px;
    color:#1f9cee;
    overflow:hidden;
    padding-bottom:3px;
    border-bottom:3px solid #1f9cee;
}
.age-abs .lengend .text{
    font-weight:bold;
    color:#333;
}
.age-abs .lengend .icons,.age-abs .lengend .text{
    float:left;
}
.age-abs .lengend .icons{
    width: 20px;
    height: 20px;
    margin:6px 4px 0 0;
    background: url(../images/uifont-icons.png) no-repeat -1px 0px;
}
.pur-bus .iscenter .icons{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: -5px 4px 0 0;
    background: url(../images/uifont-icons.png) no-repeat -53px 0px;
}
.age-abs .get-more{
    font-size:14px;
    font-family:"瀹嬩綋";
    margin-top:0;
}
/*鎷涙爣璇︽儏椤礶nd*/
/*椤圭洰鍒楄〃椤祍tart*/
.project-layout{
    width:1200px;
    margin:0 auto;
}
.over-project-page{

}
.over-project-page .tabs-switch{
    margin-top:0px;
}
.over-project-page .tabs-switch .switch-header{
    height:40px;
    box-sizing:border-box;
    border-bottom:4px solid #e4e4e4;
    margin:0 0 12px;
}
.over-project-page .tab-item{
    float:left;
    height:40px;
    line-height:40px;
    width:105px;
    margin-right:5px;
    text-align:center;
    background-color:#e4e4e4;
    color:#333;
    font-size:16px;
    border-radius:3px 3px 0 0;
}
.over-project-page .tab-item .alink{
    display:block;
    color:#333;
}
.over-project-page .tab-item.active{
    background-color:#1f9cee;
}
.over-project-page .tab-item.active .alink{
    color:#fff;
}
.project-form-box{
    background-color:#f3f3f3;
    border:1px solid #e3e3e3;
    padding:8px;
}
.project-form-box .input-control{
    float:left;
    margin-left:15px;
    margin-right:34px;
}
.project-form-box .input-control .label{
    color:#333;
    line-height: 32px;
}
.project-form-box .input{
    outline:none;
    width:182px;
    height:32px;
    line-height:32px;
    border:1px solid #e3e3e3;
    background-color:#fff;
    border-radius:3px;
    padding:0 12px;
}
.project-form-box .select{
    border: 1px solid #ddd;
    padding: 0 8px;
    outline: none;
    height:32px;
    line-height:32px;
}
.project-form-box .select:focus{

}
.project-form-box .query{
    background-color:#1f9cee;
    color:#fff;
    height:32px;
    line-height:32px;
    padding:0 26px;
    cursor:pointer;
    border-radius:3px;
}
.project-form-box .query:hover{
    background-color:#3691e7;
}
.project-table-panel{
    margin-top:16px;
}
.project-table-panel .table{
    border-collapse:collapse;
    width:100%;
}
.project-table-panel .table td,.project-table-panel .table th{
    padding:11px 22px;
    text-align:left;
}
.project-table-panel .table th{
    background-color:#f3f3f3;
}
.project-table-panel .table .alink{
    color:#666;
}
.project-table-panel .table .alink:hover{
    color:#1f9cee;
    text-decoration:underline;
}
.project-table-panel .table thead{
    border:1px solid #e3e3e3;
}
.project-table-panel .table tbody tr:nth-child(even){
    background-color:#fafafa;
}
.project-table-panel .table tbody tr:hover{
    background-color:#f5f5f5;
}
.common-project-view{
    overflow:hidden;
    min-height:calc(100% - 235px);
}
.common-body-view{
    overflow:hidden;
    min-height:calc(100% - 235px);
}
.box-display-li{
    float:left;
    width:33.33%;
    height:148px;
    box-sizing:border-box;
}
.box-display-li:hover{
    /*box-shadow:1px 1px 3px rgba(221,221,221,0.8);*/
    /*background-color:#f4f5f6;*/
}
.box-display-li .pd-left{
    padding:22px 0 22px 22px;
}
.box-display-li .border{
    position:relative;

}
.box-display-li .border:before,.box-display-li .border::before{
    content:"";
    display:block;
    position:absolute;
    right:-1px;
    top:0;
    bottom:30px;
    width:0;
    border-right:1px dashed #ddd;
}
.box-display-li:nth-child(3n) .border:before,.box-display-li:nth-child(3n)  .border::before{
    display:none;
}
.box-display-li .border:after,.box-display-li .border::after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    right:30px;
    bottom:-1px;
    height:0;
    border-bottom:1px dashed #ddd;
}
.box-display-li .inner-cnt{
    margin-bottom:-22px;
    padding-bottom:22px;
}
.box-display-li .inner-cnt{

}
.box-display-li .img-figure{
    position:relative;
    margin:0 12px 0 -11px;
    width:103px;
    height:103px;
    text-align:center;
    overflow:hidden;
}
.box-display-li .img-figure .alink{
    display:block;
    width:100%;
    height:100%;
    border-radius: 50%;
    overflow:hidden;
}
.box-display-li .img-figure .img{
    width:100%;
    height:100%;
}
.box-display-li .img-figure .sign-ok{
    position: absolute;
    /*background: rgb(255, 153, 0);*/
    /*background-image:url(../images/u8527.png);*/
    background-repeat:no-repeat;
    background-position:center center;
    color: #fff;
    width: 40px;
    height: 33px;
    line-height: 27px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(255,153,0,0.3);
    -webkit-box-shadow: 1px 1px 3px rgba(255,153,0,0.3);
}


.box-display-li .img-figure .img{
    height:100%;
}
.box-display-li .spl-clsfy{
    padding-top:12px;
    width:258px;
}
.box-display-li .spl-clsfy .dd{
    line-height:28px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box-display-li .spl-clsfy .label{
    color:#999;
    margin-right:3px;
    white-space:nowrap;
}
.box-display-li .spl-clsfy .val{
    color:#666;
}
.box-display-li .set-pass,.box-display-li .refuse{
    color:#666;
}
.box-display-li .set-pass:hover,.box-display-li .refuse:hover{
    color:#1f9cee;
}
.purchase-box{
    overflow:hidden;
}
.purchase-box .layout-view{
    margin:35px auto;
    width:1200px;
}
/*椤圭洰鍒楄〃椤礶nd*/
.after-login{
    float:left;
    height:100%;
    position:relative;
}
.after-login .user-info{
    display:block;
    float:left;
    margin-top:22px;
    overflow:hidden;
}
.after-login .user-info .aimg{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
}
.after-login .iname{
    float: left;
    height: 32px;
    line-height: 40px;
    padding: 0 0 0 12px;
    /*max-width: 86px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.after-login .cw-drop{
    position:relative;
    height:100%;/*
    padding-left:14px;
    padding-right: 14px;*/
    border: 1px solid transparent;
    z-index:2;
    box-sizing:border-box;
        padding: 0 4px 0 12px;
}
.after-login .hover-show{
    display:none;
}
.after-login.hover-dp .hover-show{
    display:block;
}
.after-login .hover-show{
    position: absolute;
    right: 0;
    top: 83px;
    background: #fff;
    width: 86px;
    text-align: center;
    border: 1px solid #ddd;
    z-index:1;
}
.after-login.hover-dp .cw-drop{
    border:1px solid #ddd;
    border-bottom:1px solid #fff;
    background-color:#fff;
}
.after-login .hover-show .show-item{
    line-height: 32px;
    text-align: center;
    cursor:pointer;
}
.after-login .hover-show .show-item:hover{
    color:#1f9cee;
}
.after-login .hover-show .show-item em{
    font-style:normal;
}

section.usercenter{
    overflow: hidden;
    min-height: calc(100% - 235px);
}
.user-header-bkg .banner-center{
    margin:0 auto;
    padding:0 16px;
}
.setting-switch-oinner .personal-table .textarea{
    width: 525px;
    height: 125px;
    border:1px solid #ccc;
    outline:none;
    padding:8px;
}
.like-select{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width:240px;
    height:32px;
    z-index:2;
}
.like-select.auv-select-box,.like-select.auv-select-focus{
    height:auto;
    width: 420px;
}
.like-select .select-value-box{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
.like-select .select-value-box .input{
    cursor:pointer;
    height: 100%;
    line-height: 32px;
    width: 100%;
}
.like-select .select-value-box .input:focus{
    /*border-color:none;*/
    box-shadow:none;
    -webkit-box-shadow:none;
}
.like-select .select-options{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    padding:4px 0 4px 12px;
    background-color:#fff;
    border:1px solid #ddd;
    border-top:none;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing:border-box;
}
.like-select .select-options.show{
    display:block;

}
.auv-select-focus .select-value-dom{
    border: 1px solid #ccc;
    padding: 4px 8px;
    border-color:#1f9cee;
    min-height: 32px;
    box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -webkit-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -moz-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -ms-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
}
.select-value-dom .select-li{
    display: inline-block;
    padding: 2px 10px;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    margin: 0 13px 5px 0;
}
.select-value-dom .select-li .select-close{
    color: #666;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    line-height: 14px;
    text-align: center;
    margin-left: 5px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.select-value-dom .select-li .select-close:hover{
    border-color:#1f9cee;
    box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -webkit-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -moz-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
    -ms-box-shadow: 0 0 0 2px rgba(24,159,254,.2);
}
.auv-select-box .select-value-box{
    display:none;
}
.auv-select-box .select-value-dom{
    border: 1px solid #ccc;
    padding: 4px 8px;
    border-color:#ccc;
    min-height: 32px;
}
.auv-select-focus .select-value-box{
    display:none;
}
.like-select .select-options{

}
.like-select .select-options .option-item{
    position:relative;
    height: 26px;
    line-height: 26px;
    padding-right:26px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    border-bottom:1px dashed #f2f1ed;
    cursor:pointer;
    font-size:12px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.select-options .option-item .ck{
    display:none;
    position:absolute;
    right:0;
    top:0;
    height:26px;
    width:26px;
}
.select-options .option-item .ck:after,.select-options .option-item .ck::after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 3px;
    width: 10px;
    height: 5px;
    border-style: solid;
    border-color: transparent;
    border-width: 2px;
    border-top: none;
    border-right: none;
    transform:rotateZ(-45deg) translate(-50%,-50%);
    -webkit-transform:rotateZ(-45deg) translate(-50%,-50%);
    -moz-transform:rotateZ(-45deg) translate(-50%,-50%);
    -ms-transform:rotateZ(-45deg) translate(-50%,-50%);
    box-sizing: content-box;
    transition:border-color 0.3s ease-in-out;
}
.select-options .option-item.checked .ck:after,.select-options .option-item.checked .ck::after{
    border-color:#1f9cee;
    transition:border-color 0.3s ease-in-out;
}
.select-options .option-item.checked .ck{
    display:block;
}
.like-select .select-options .option-item:hover{
    background-color:#f3f4f5;
}
.like-select .select-options .option-item:last-child{
    border-bottom:none;
}




.order-struct{
    margin-top:35px;
}

.order-struct .order-items{
    width:335px;
    width:calc(33% - 17px);
    height:190px;
    padding:10px;
    font-size: 14px;
    margin:0 28px 28px 0;
    float:left;
    box-sizing:border-box;
    border:1px solid #e3e3e3;
    box-shadow:none;
    -webkit-box-shadow:none;
    transition:border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
    -webkit-transition:border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
}
.order-struct .order-items:nth-child(3n){
    margin-right:0;
}

.order-struct .order-items:hover{
    border-color: rgb(16, 142, 233);
    box-shadow: 0 0 6px 0 rgba(16,142,233,0.3);
    -webkit-box-shadow: 0 0 6px 0 rgba(16,142,233,0.3);
    transition:border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
    -webkit-transition:border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
}


.order-struct .order-items .title-li{

    padding-top:14px;
    padding-bottom:10px;
    border-bottom:1px solid #e3e3e3;
    margin-bottom:10px;
}
.order-struct .order-items .title-li .alink{
    display:inline-block;
    width:76%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#666;
}
.order-struct .order-items .title-li .alink:hover{
    color:#108ee9;
}
.order-struct .order-items .title-li .status{
    color:red;
}
.order-struct .order-items .o-num-li,.order-struct .order-items .o-stats-li{
    line-height:30px;
}
.order-struct .order-items .o-label{
    color:#999;
}
.order-struct .order-items .o-stats-li .o-value{
    color:#3691e7;
    font-weight:700;
    font-size:16px;
}
.order-struct .order-items .l{
    margin-right:20px;
}
.order-struct .order-items .l:last-child{
    margin-right:0;
}
.order-struct .order-items .detail{
    display: inline-block;
    border:1px solid #3691e7;
    color:#3691e7;
    background-color:#fff;
    padding: 5px 22px;
    border-radius: 3px;
}
.order-struct .order-items .o-btn-li{
    margin:10px 0 0 0;
    font-weight:700;
}
.order-struct .order-items .detail:hover{
    background-color: #108ee9;
    color:#fff;
}
.order-struct .order-items .over{
    display: inline-block;
    border:1px solid #e3e3e3;
    color:#666;
    background-color:#fff;
    padding: 5px 22px;
    border-radius: 3px;
    margin:0 0 0 12px;
}
.order-struct .order-items .over:hover{
    background-color:#f3f2f1;
    color:#333;
}



.production-taskover{
    background-color:#fff;
}
.production-taskover-page{

}
.production-taskover-page .search-div{
    padding:10px;
    background-color:#f3f3f3;
}
.production-taskover-page .search-div .default-info-btn{
    height: 35px;
    line-height: 35px;
    padding: 0 24px;
    border:none;
    vertical-align: top;
    background-color:#3691e7;
    margin-left: 6px;
    letter-spacing:3px;
}
.production-taskover-page .search-div .default-info-btn:hover{
    background-color:#1f9cee;
}
.production-taskover-page .inner-content{

}
.production-taskover-page .inner-content .inner-rep{
    margin:20px 0 0 0;
    padding-bottom:11px;
    border-bottom:1px solid #dcdcdc;
    padding-left:4px;
    margin-bottom:15px;
}
.production-taskover-page .inner-content .inner-rep .ispan{
    padding-left:5px;
    border-left:3px solid #f66200;
    font-weight:bold;
    font-size:16px;
}
.production-taskover-page .form-horizontal .input-control{
    height:35px;
    line-height: 35px;
}
.production-taskover-page .input-value .select{
    height:100%;
    line-height:100%;
}

.production-taskover-page .order-struct .order-items .title-li .alink{
    width:90%;
}
.production-taskover-page .order-struct .order-items .over{
    margin-left:0;
}

/*璁㈠崟-鐩戠璁㈠崟鍒楄〃start*/
.order-supvise-page{

}
.order-supvise-page .h1{
    color:#333;
    line-height:50px;
    font-size:18px;
    font-weight:700;
}
.order-supvise-page .sup-classify{
    height:40px;
    line-height:40px;
    font-size:14px;
}
.order-supvise-page .sup-classify .sup-item{
    float:left;
    margin-right:94px;
}
.order-supvise-page .sup-classify .sup-item:last-child{
    margin-right:0;
}
.order-supvise-page .sup-classify .i{
    color:#3691e7;
    font-size:18px;
    font-weight:bold;
}
.order-supvise-page .bid-header{
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}
.order-supvise-page .bid-body{}
.order-supvise-page .bid-body .supvise-order-ul{
    margin-top:0px;
}
.order-supvise-page .my-producting-order .oye{
    height: 22px;
    line-height: 22px;
    font-size: 15px;
    border-left: 3px solid #f66200;
    padding-left: 7px;
    margin: 24px 0 14px;
    font-weight: bold;
}
.bid-body .supvise-order-ul .sup-li{
    float:left;
    width:334px;
    width:calc(33% - 16px);
    font-size:14px;
    margin:0 28px 38px 0;
}
.bid-body .supvise-order-ul .sup-li:nth-child(3n){
    margin-right:0;
}
.supvise-order-ul .sup-li .tit{
    position:relative;
    line-height:44px;
    font-size:14px;
    color:#000;
    padding-left:20px;
    font-weight: bold;
}
.supvise-order-ul .sup-li .tit .link{
    color:#666;
}
.supvise-order-ul .sup-li .tit .link:hover{
    color:#108ee9;
}
.supvise-order-ul .sup-li[data-status='1'] .tit:before,.supvise-order-ul .sup-li[data-status='1'] .tit::before{
    content:"";
    display:block;
    left: 4px;
    top: 17px;
    width:9px;
    height:9px;
    background-color:red;
    position:absolute;
    border-radius:50%;
}
.supvise-order-ul .sup-li .border{
    border:1px solid #ddd;
    padding:14px 0;
    height: 266px;
}
.supvise-order-ul .sup-li .border.over-border{
    height:240px;
}
.is-over .supvise-order-ul .sup-li .border{
    height:240px;
}
.supvise-order-ul .sup-li .ibox{}
.supvise-order-ul .sup-li .ibox .order-info-item{
    line-height:26px;
}
.supvise-order-ul .sup-li .ibox .key{
    width:90px;
    text-align:right;
}
.supvise-order-ul .sup-li .ibox .val{
    margin-left:4px;
    color:#333;
}
.supvise-order-ul .sup-li .com-name{
    width:62%;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.supvise-order-ul .sup-li .ibox .status_1{
    color:#3691e7;
    font-weight: 600;
}
.supvise-order-ul .sup-li .ibox .status_2{
    color:#999;
    font-weight:700;
}
.supvise-order-ul .sup-li .btn-group{
    margin-top:12px;
}
.supvise-order-ul .sup-li .btn-group .abtn{
    display:inline-block;
    float:left;
    height:32px;
    line-height:32px;
    padding:0 14px;
    border-radius:5px;
    box-sizing:border-box;
}
.supvise-order-ul .sup-li .btn-group .abtn.preview{
    color:#666;
    border:1px solid #ddd;
    margin:0 24px 0 10px;
}
.supvise-order-ul .sup-li .btn-group .abtn.preview:hover{
    background-color:#f2f1ed;
    color:#333;
}
.supvise-order-ul .sup-li .btn-group .abtn.enter{
    color:#f66200;
    border:1px solid #f66200;
}
.supvise-order-ul .sup-li .btn-group .abtn.enter:hover{
    /* background-color:#f66200;
    color:#fff; */
}

/*璁㈠崟-鐩戠璁㈠崟鍒楄〃end*/


.production-task-page .form-tit{
    font-size:18px;
    font-weight:bold;
    text-align:center;
    line-height:42px;
    padding:0 0 6px;
}
.production-task-page .production-bar{
    line-height:28px;
    padding-bottom:12px;
    border-bottom:1px solid #ddd;
    margin-bottom:24px;
    font-weight:bold;
    /*text-indent: 85px;*/
    font-size: 16px;
}

.create-order-info{
    margin-bottom: 30px;
}
.create-order-info .order-info-tr{
    line-height:48px;
    font-size:14px;
}
.create-order-info .order-info-tr .td-label{
    width:162px;
    box-sizing:border-box;
    padding-right:6px;
    text-align:right;
    color:#333;
}
.create-order-info .order-info-tr .td-value{
    color:#8a8a8a;
    padding-left:6px;
    width: calc(100% - 170px);
}
.create-order-info .opi{
    display:inline-block;
    /*max-width:690px;*/
    max-width:100%;
}
.create-order-info .opi .table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
.create-order-info .opi .table td,.create-order-info .opi .table th{
    border:1px solid #e2e2e2;
    text-align:center;
    color:#333;
}
.create-order-info .opi .table tr{
    height:40px;
    line-height:40px;
}
.create-order-info .opi .table th{
    background-color:#f9f9f9;
    font-weight:normal;
}
.create-order-info .order-info-tr .download{
    margin-left:6px;
}
.create-order-info .order-info-tr .download:hover{
    text-decoration:underline;
}

/*璁㈠崟鐢熸垚鐣岄潰start*/
.production-task-page .production-bar .abtn{
    font-size:14px;
    font-weight:normal;
    margin-right:28px;
}
.production-task-page .production-bar .abtn:hover{
    text-decoration:underline;
}
.production-task-page .production-bar .abtn.edit{
}
.create-order-info{
    margin-bottom: 30px;
}
.create-order-info .order-info-tr{
    line-height:48px;
    font-size:14px;
}
.create-order-info .order-info-tr .td-label{
    width:162px;
    box-sizing:border-box;
    padding-right:6px;
    text-align:right;
    color:#333;
}
.create-order-info .order-info-tr .td-value{
    color:#8a8a8a;
    padding-left:6px;
}
.create-order-info .opi{
    display:inline-block;
    /*max-width:690px;*/
    max-width:100%;
}
.create-order-info .opi .table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
.create-order-info .opi .table td,.create-order-info .opi .table th{
    border:1px solid #e2e2e2;
    text-align:center;
    color:#333;
}
.create-order-info .opi .table tr{
    height:40px;
    line-height:40px;
}
.create-order-info .opi .table th{
    background-color:#f9f9f9;
    font-weight:normal;
}
.create-order-info .order-info-tr .download{
    margin-left:6px;
}
.create-order-info .order-info-tr .download:hover{
    text-decoration:underline;
}
.td-value .flow-info{
    padding:15px 24px;
    background-color:#f9f9f9;
    line-height:24px;
    border: 1px solid #f5f5f5;
}
.td-value .flow-info dl{
    margin-bottom:20px;
}
.td-value .flow-info dl:last-child{
    margin-bottom:0;
}
.td-value .flow-info dt{
    color:#108ee9;
    margin-bottom:10px;
}
.td-value .flow-info [class^=s]{
    float:left;
}
.td-value .flow-info .sl{
    width:120px;
    text-align:right;
    color:#333;
    margin-right:12px;
}
.td-value .flow-info .sr{

}
.align-center{
    margin-top:50px;
    text-align:center;
}
.align-center .enter-flow{
    display:inline-block;
    width:166px;
    height:45px;
    line-height:45px;
    text-align:center;
    font-size:15px;
    color:#fff;
    border-radius: 3px;
    background-color:#3691e7;
}
.align-center .enter-flow:hover{
    box-shadow:0 0 3px rgba(54,145,231,0.3);
    -webkit-box-shadow:0 0 3px rgba(54,145,231,0.3);
}

/*璁㈠崟鐢熸垚鐣岄潰end*/



.supvise-flow-page{
    font-size:14px;
    width: 100%;
    height: 100%;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
}
.supvise-flow-page .content-header{
    padding:26px 0px;
    background-color:#fff;
    border:1px solid #fefefe;
}
.supvise-flow-page .content-header .h1{
    position:relative;
    color:#333;
    font-size:18px;
    line-height:45px;
    font-weight:bold;
    text-align:center;
}
.supvise-flow-page .content-header .preview{
    position:absolute;
    right:0;
    top:0;
    line-height:45px;
    font-size:14px;
    color:#3691e7;
}
.supvise-flow-page .content-header .itable{

}
.supvise-flow-page .content-header .itable{
    margin:20px auto 0;
    /*width:76%;*/
}
.supvise-flow-page .content-header .itable .table{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}
.supvise-flow-page .content-header .clearfix{
    line-height:24px;
}
.supvise-flow-page .content-header td{

    vertical-align: top;
        border: 1px solid #ddd;
    padding: 18px;
}
.supvise-flow-page .content-header .key{
    color:#666;
}
.supvise-flow-page .content-header .val{
    color:#333;
}

.supvise-flow-page .content-body{
    padding:26px 0;
    margin:12px 0 0;
    background-color:#fff;
    border:1px solid #fefefe;
}

.supvise-flow-page .content-body .flow-line-box{
    display:flex;
    display:-webkit-flex;
    justify-content:center;
}
.flow-line-box{}
.flow-line-box .flow-item{
    position:relative;
    float:left;
    height:178px;
    width:282px;
}
.flow-line-box .flow-item .percent{
    height:45px;
    line-height:45px;
    font-size:14px;
    color:#f66200;
}
.flow-line-box .flow-item .ball{
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    border:1px solid #e8e8e8;
    overflow:hidden;
}
.flow-line-box .flow-item .ball .ball-percent{
    position:absolute;
    left: 0;
    bottom: 0;
    width:100%;
    height:100%;
    background-color:#e8e8e8;
}
.flow-line-box .flow-item .ball .ifont{
    font-size: 24px;
}

.flow-line-box .flow-item .statement{
    height:30px;
    line-height:30px;
    font-size:16px;
    font-weight:bold;
    color:#333;
    margin:9px 0 0;
}
.flow-line-box .flow-item .statement .i{
    float: left;
    height: 100%;
    position: relative;
    transform: translate(-44%,0);
    -webkit-transform: translate(-50%,0);
    left: 20px;
}
.flow-line-box .flow-item .status{
    float: left;
    /* height: 100%; */
    position: relative;
    transform: translate(-44%,0);
    -webkit-transform: translate(-50%,0);
    left: 20px;
}
.flow-line-box .flow-item .line{
    position:absolute;
    right: 12px;
    top: 64px;
    /*width:218px;*/
    height:4px;
    left:50px;
    background-color:#1f9cee;
}
.flow-line-box .flow-item .percent .i{
    float:left;
    width:40px;
    text-align:center;
    font-weight:bold;
}
.flow-line-box .flow-item .count{
    color:#1f9cee;
    font-weight:bold;
    margin-left:2px;
    font-size:18px;
}
.flow-line-box .flow-item .new{
    color:#fc0000;
    font-size:14px;
}
.flow-line-box .flow-item:first-child .statement .i{
    float: left;
    width: 40px;
    text-align: center;
}
.flow-line-box .flow-item:last-child{
    width: 60px;
}
.flow-line-box .flow-item:last-child .statement .i{
    float: left;
    width: 40px;
    text-align: center;
}
.flow-line-box .flow-item:last-child .line{
    display:none;
}

.flow-line-box[data-flow="1"] .flow-item .ball .ball-percent{
    background-color:#e8e8e8;
    color:#b4b3b3;
}
.flow-line-box[data-flow="1"] .flow-item:first-child .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="1"] .flow-item:first-child .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}
.flow-line-box[data-flow="1"] .flow-item .line{
    background-color:#e8e8e8;
    color:#b4b3b3;
}



.flow-line-box[data-flow="7"] .flow-item .ball .ball-percent{
    background-color:#e8e8e8;
    color:#b4b3b3;
}
.flow-line-box[data-flow="7"] .flow-item .line{
    background-color:#e8e8e8;
    color:#b4b3b3;
}
.flow-line-box[data-flow="7"] .flow-item:first-child .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="7"] .flow-item:first-child .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}
.flow-line-box[data-flow="7"] .flow-item:first-child .line{
    background-color:#1f9cee;
}
.flow-line-box[data-flow="7"] .flow-item:nth-child(2) .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="7"] .flow-item:nth-child(2) .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}



.flow-line-box[data-flow="9"] .flow-item .ball .ball-percent{
    background-color:#e8e8e8;
    color:#b4b3b3;
}
.flow-line-box[data-flow="9"] .flow-item .line{
    background-color:#e8e8e8;
    color:#b4b3b3;
}
.flow-line-box[data-flow="9"] .flow-item:first-child .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="9"] .flow-item:first-child .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}
.flow-line-box[data-flow="9"] .flow-item:nth-child(2) .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="9"] .flow-item:nth-child(2) .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}
.flow-line-box[data-flow="9"] .flow-item:nth-child(3) .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="9"] .flow-item:nth-child(3) .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}
.flow-line-box[data-flow="9"] .flow-item:first-child .line{
    background-color:#1f9cee;
}
.flow-line-box[data-flow="9"] .flow-item:nth-child(2) .line{
    background-color:#1f9cee;
}



.flow-line-box[data-flow="15"] .flow-item .ball .ball-percent{
    background-color:#e8e8e8;
    color:#b4b3b3;
}
.flow-line-box[data-flow="15"] .flow-item .line{
    background-color:#e8e8e8;
    color:#b4b3b3;
}
.flow-line-box[data-flow="15"] .flow-item:first-child .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="15"] .flow-item:first-child .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}
.flow-line-box[data-flow="15"] .flow-item:nth-child(2) .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="15"] .flow-item:nth-child(2) .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}
.flow-line-box[data-flow="15"] .flow-item:nth-child(3) .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="15"] .flow-item:nth-child(3) .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}
.flow-line-box[data-flow="15"] .flow-item:nth-child(4) .ball{
    border-color:#1f9cee;
}
.flow-line-box[data-flow="15"] .flow-item:nth-child(4) .ball .ball-percent{
    background-color:#1f9cee;
    color:#fff;
}
.flow-line-box[data-flow="15"] .flow-item:first-child .line{
    background-color:#1f9cee;
}
.flow-line-box[data-flow="15"] .flow-item:nth-child(2) .line{
    background-color:#1f9cee;
}
.flow-line-box[data-flow="15"] .flow-item:nth-child(3) .line{
    background-color:#1f9cee;
}
.flow-item[data-val] .ball::after,.flow-item[data-val] .ball:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 24px;
    font-family: "ifont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}
.flow-item[data-val='1'] .ball::after,.flow-item[data-val='1'] .ball:after{
    content:"\e67b";
}

.flow-item[data-val='7'] .ball::after,.flow-item[data-val='7'] .ball:after{
    content:"\e689";
}
.flow-item[data-val='9'] .ball::after,.flow-item[data-val='9'] .ball:after{
    content:"\e65b";
}
.flow-item[data-val='15'] .ball::after,.flow-item[data-val='15'] .ball:after{
    content:"\e695";
}




.supvise-flow-page .flow{
    margin:20px 0 40px;
}
.supvise-flow-page .tab-swicth{

}
.supvise-flow-page .tab-swicth .switch-panel{
    display:none;
}
.supvise-flow-page .tab-swicth .switch-panel.active{
    display:block;
}
.supvise-flow-page .flow-title{
    font-size:16px;
    line-height:45px;
    border-bottom:1px solid #ddd;
}
.supvise-flow-page .flow-title  a{
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 32px;
    border-radius: 5px;
    background: #1f9cee;
    color: #fff;
}
.supvise-flow-page .flow-title  a:hover{
    background-color:#3791e7;
}
a:focus{
    text-decoration:none!important;
}
.supvise-flow-page .display{
}
.supvise-flow-page .display .dis-li{
    position:relative;
    height:186px;
    margin:30px 0 0;
    box-sizing:border-box;
    padding:14px 20px 10px;
    background-color:#f8f8f8;
    border:1px solid #e9e9e9;
}
.supvise-flow-page .dis-li .list{
    line-height:30px;
}
.supvise-flow-page .dis-li .list>li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.supvise-flow-page .dis-li .list>li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.supvise-flow-page .dis-li .list .status{
    color:#1f9cee;
}
.supvise-flow-page .dis-li .preview{
    display:inline-block;
    height:32px;
    line-height:32px;
    padding:0 20px;
    border-radius:32px;
    border:1px solid #f66301;
    margin-top:6px;
    color:#f66301;
}
.supvise-flow-page .dis-li .preview:hover{
    background-color:#f66301;
    color:#fff;
}

.supvise-flow-page .pd{
    padding:0 15px;
}
.supvise-flow-page .account-info{

}
.supvise-flow-page .account-info .act-t{
    height:17px;
    line-height:17px;
    font-size:15px;
    border-left:3px solid #f66200;
    padding-left:5px;
    margin:24px 0 14px;
}
.supvise-flow-page .ips{
    display:inline-block;
    border-left: 3px solid #f66200;
    padding-left: 5px;
    height: 17px;
    line-height: 17px;
    margin-right:15px;
    font-weight:700;
    text-align:right;
    font-size: 15px;
    color:#333;
    margin: 24px 0 14px;
}

.supvise-flow-page .account-info .panel{
    background-color:#f9f9f9;
    color:#8a8a8a;
    padding: 12px;
}
.supvise-flow-page .account-info .panel .table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
.supvise-flow-page .account-info .table td{
    padding:6px 12px;
}
.supvise-flow-page .border{
    margin-top:28px;
}
.supvise-flow-page .border-li{
    float:left;
    width: 46%;
    margin-right:20px;
    border:1px solid #e3e3e3;
    padding: 0 0 25px;
    margin-bottom:50px;
}
.supvise-flow-page .border-li:nth-child(2n){
    margin-right:0;
    float:right;
}
.supvise-flow-page .border-li .t{
    background-color:#f9f9f9;
    height:40px;
    line-height:40px;
    padding:0 13px;
}

.supvise-flow-page .border-li .t .fl{
    font-weight:bold;

}
.supvise-flow-page .border-li .p{
    margin-top:18px;
}
.supvise-flow-page .border-li .p .key{
    width:86px;
    text-align:right;
    margin-right:8px;
}
.supvise-flow-page .border-li .txt-overflow{
    width:calc(100% - 100px);
}


.supvise-flow-page .img-figures .img-box{
    cursor: pointer;
    float: left;
    height: 142px;
    margin:0 15px 0 0;
    /* border: 1px solid #eee; */
    box-sizing: content-box;
}
.supvise-flow-page .img-figures .img-box .img {
    height: 100%;
}


/*鐗╂祦娴佺▼start*/
.interflow-pro-page{
    font-size:14px;
    width: 100%;
    height: 100%;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
}
.interflow-pro-page .production-table{
    width:678px;
    margin-bottom:12px;
}
.interflow-pro-page .flow-display-table .item-tb .input.wi,.interflow-pro-page .flow-display-table .item-tb .select{
    width: 114px;
    float: left;
    margin-left: -1px;
}
.interflow-pro-page .flow-display-table .item-tb .input.wi:first-child{
    width:113px;
}

.interflow-pro-page .item-tb .input.wi:focus,.interflow-pro-page .flow-display-table .item-tb .select:focus{
    position:relative;
    z-index:1;
}
.interflow-pro-page .production-table .table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
.interflow-pro-page .production-table .table td{
    padding:4px 8px;
    border:1px solid #ddd;
    text-align:center;
    background:#f9f9f9;
}
.interflow-pro-page .content-header{
    padding:26px 0;
    background-color:#fff;
    border:1px solid #fefefe;
}
.interflow-pro-page .overflow{
    height: 44px;
    overflow: hidden;
}
.interflow-pro-page .content-header .h1{
    position:relative;
    color:#333;
    font-size:18px;
    line-height:45px;
    font-weight:bold;
    text-align:center;
    margin:0;
}
.interflow-pro-page .content-header .h1 .enter{
    font-weight: normal;
    font-size: 14px;
}
.interflow-pro-page .content-header .preview{
    position:absolute;
    right:0;
    top:0;
    line-height:45px;
    font-size:14px;
    color:#3691e7;
}
.interflow-pro-page .content-header .itable{

}
.interflow-pro-page .content-header .itable{
    margin: 0px auto 0;
}
.interflow-pro-page .content-header .itable .table{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}
.interflow-pro-page .content-header .clearfix{
    line-height:26px;
}
.interflow-pro-page .content-header td{
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 18px;
}
.interflow-pro-page .content-header .key{
    color:#666;
    width: 90px;
    text-align: right;
}
.interflow-pro-page .content-header .val{
    color:#333;
    width: 350px;
}
.interflow-pro-page .content-header .val>div{
    float: left;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.interflow-pro-page .content-header .val .superJ{
    margin-left: 6px;
}
.interflow-pro-page .content-header .val .superJ:hover{
    color: #108ee9;
    text-decoration: underline;
}

.interflow-pro-page .content-header .preview .link{
    font-weight:normal;
    color:#666;
}
.interflow-pro-page .preview .arrow{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0 0 6px;
    background-image: url(../images/addr-i.png);
    background-repeat: no-repeat;
}
.interflow-pro-page .preview .open .arrow{
    background-position: 0 -8px;
}
.interflow-pro-page .preview .close .arrow{
    background-position: 0 2px;
}
.interflow-pro-page .content-header .pro-link{
    padding:6px 0 12px;
}
.interflow-pro-page .content-header .pro-link:hover{
    text-decoration:underline;
}

.interflow-pro-page .content-body{
    padding:26px 0;
    background-color:#fff;
    border:1px solid #fefefe;
}
.flow-i-center{
    margin:52px auto 0;
    padding-left: 42px;
}
.flow-i-center .display-flow{
    height:200px;
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    display: -webkit-box;
    display: -webkit-box;
}
.flow-i-center .display-flow .dis-item{
    position:relative;
    float:left;
    height:100%;
    width:218px;
    box-flex: 1;
    -webkit-box-flex: 1;
    /* width:25%; */
}
.display-flow .dis-item .text{
    position:relative;
    height:38px;
    line-height:38px;
}

.display-flow .dis-item.disabled .ball,.display-flow .dis-item.disabled .line{
    background-color:#b3b3b3;
}
.flow-ui-title{
    position:absolute;
    left:0;
    top:-30px;
    width:300px;
}
.display-flow .dis-item .ball{
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#3691e7;
    position:relative;
    z-index:2;
}
.display-flow .dis-item .line{
    position:absolute;
    left:5px;
    top:43px;
    right:0;
    height:2px;
    background-color:#3691e7;
    z-index:1;
}
.display-flow .dis-item .status{
    height:30px;
    line-height:28px;
    font-weight:700;
    margin:15px 0 0px;
    font-size:16px;
}
.display-flow .dis-item .status .center-t{
    float:left;
    height:100%;
    position:relative;
    transform:translate(-44%,0);
    -webkit-transform:translate(-44%,0);
}
.display-flow .dis-item .status .center-t .tab-btn{
    color:#666;
}
.display-flow .dis-item .status .center-t .tab-btn:hover,.display-flow .dis-item .status .center-t .tab-btn.active{
    color:#108ee9;
}
.display-flow .dis-item.disabled .status .center-t .tab-btn{
    cursor:default;
}
.display-flow .dis-item.disabled .status .center-t .tab-btn:hover{
    color:#666;
}

#uploader-bus-change input[type='file'] {
    position: absolute;
    clip: rect(0,0,0,0);
}
.display-flow .dis-item .status .light{
    float:left;
    height:100%;
    font-size:14px;
    color:red;
    position:absolute;
    right:-80px;
    top:0;
}
.display-flow .dis-item .date{
    display: inline-block;
    color:#999;
    line-height:26px;
    transform: translate(-44%,0);
    -webkit-transform: translate(-44%,0);
}
.flow-ui-title .icons{
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    text-align:center;
    background-color:#3691e7;
    color:#fff;
    margin:0 6px 0 0;
}
.flow-ui-title .tt{
    font-size:16px;
    color:#333;
    line-height:30px;
    margin-right:8px;
    font-weight:700;
}
.flow-ui-title .percent{
    color:#333;
    line-height:30px;
}
.flow-ui-title .percent span{
    color:#f66200;
    font-weight:bold;
}

.display-flow[data-status] .dis-item .ball{
    background-color:#bcbcbc;
}
.display-flow[data-status] .dis-item .line{
    background-color:#bcbcbc;
}
.flow-i-center .display-flow .dis-item:last-child{
    width:115px;

}
.flow-i-center .display-flow .dis-item:last-child .line{
    display:none;

}

.display-flow[data-status="1"] .dis-item:first-child .ball{
    background-color:#3691e7;
}


.display-flow[data-status="2"] .dis-item:first-child .ball{
    background-color:#3691e7;
}
.display-flow[data-status="2"] .dis-item:first-child .line{
    background-color:#3691e7;
}

.display-flow[data-status="2"] .dis-item:nth-child(2) .ball{
    background-color:#3691e7;
}


.display-flow[data-status="3"] .dis-item:first-child .ball{
    background-color:#3691e7;
}
.display-flow[data-status="3"] .dis-item:nth-child(2) .ball{
    background-color:#3691e7;
}
.display-flow[data-status="3"] .dis-item:nth-child(3) .ball{
    background-color:#3691e7;
}
.display-flow[data-status="3"] .dis-item:first-child .line{
    background-color:#3691e7;
}
.display-flow[data-status="3"] .dis-item:nth-child(2) .line{
    background-color:#3691e7;
}


.display-flow[data-status="4"] .dis-item:first-child .ball{
    background-color:#3691e7;
}
.display-flow[data-status="4"] .dis-item:nth-child(2) .ball{
    background-color:#3691e7;
}
.display-flow[data-status="4"] .dis-item:nth-child(3) .ball{
    background-color:#3691e7;
}
.display-flow[data-status="4"] .dis-item:nth-child(4) .ball{
    background-color:#3691e7;
}
.display-flow[data-status="4"] .dis-item:first-child .line{
    background-color:#3691e7;
}
.display-flow[data-status="4"] .dis-item:nth-child(2) .line{
    background-color:#3691e7;
}
.display-flow[data-status="4"] .dis-item:nth-child(3) .line{
    background-color:#3691e7;
}



.display-flow[data-status="5"] .dis-item:first-child .ball{
    background-color:#3691e7;
}
.display-flow[data-status="5"] .dis-item:nth-child(2) .ball{
    background-color:#3691e7;
}
.display-flow[data-status="5"] .dis-item:nth-child(3) .ball{
    background-color:#3691e7;
}
.display-flow[data-status="5"] .dis-item:nth-child(4) .ball{
    background-color:#3691e7;
}
.display-flow[data-status="5"] .dis-item:nth-child(5) .ball{
    background-color:#3691e7;
}
.display-flow[data-status="5"] .dis-item:first-child .line{
    background-color:#3691e7;
}
.display-flow[data-status="5"] .dis-item:nth-child(2) .line{
    background-color:#3691e7;
}
.display-flow[data-status="5"] .dis-item:nth-child(3) .line{
    background-color:#3691e7;
}
.display-flow[data-status="5"] .dis-item:nth-child(4) .line{
    background-color:#3691e7;
}
.interflow-pro-page .inner-content .tabs-body{

}
.interflow-pro-page .tabs-body .tab-panel{
    display:none;
}
.interflow-pro-page .tabs-body .tab-panel.active{
    display:block;
}
.interflow-pro-page .inner-content .inner-rep{
    margin: 0px 0 0 0;
    padding-bottom: 11px;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 0px;
    margin-bottom: 15px;
}
.interflow-pro-page .inner-content .inner-rep .ispan {
    padding-left: 0px;
    /*border-left: 3px solid #f66200;*/
    font-weight: bold;
    font-size: 16px;
}

.interflow-pro-page .img-figures .img-box{
    cursor: pointer;
    float: left;
    height: 142px;
    margin:0 15px 15px 0;
    /* border: 1px solid #eee; */
    box-sizing: content-box;
}
.interflow-pro-page .img-figures .img-box .img {
    height: 100%;
}
.flow-display-table{
    margin-bottom: 85px;
}
.flow-display-table .item-tb{
    padding:8px 0px;
}
.interflow-pro-page .confirm-box{
    padding:20px 0 0 0;
    border-top:1px solid #ddd;
}
.interflow-pro-page .confirm-box .ilabel{
    width:180px;
    margin-right:15px;
    font-size:18px;
    color:#000;
    text-align:right;
}
.interflow-pro-page .confirm-box .u{
    padding-left: 105px;
    padding-top: 15px;
}
.flow-display-table .item-tb .label{
    width:136px;
    line-height:22px;
    text-align: right;
    margin-right: 5px;
    font-weight: bold;
}
.flow-display-table .item-tb .label .light{
    color:red;
}
.flow-display-table .item-tb .input.wi{
    width: 120px;
    vertical-align: middle;
}
.flow-display-table .item-tb .select {
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    color: #666;
    outline: none;
    border: 1px solid #ccc;
    padding: 0 12px;
}
.flow-display-table .item-tb .add-more,.flow-display-table .item-tb .delete{
        cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    padding: 0 12px;
    box-sizing: border-box;
    color: #1f9cee;
    user-select: none;
    -webkit-user-select: none;
}
.interflow-pro-page .flow-display-table .item-tb .add-more,.interflow-pro-page .flow-display-table .item-tb .delete{
    border:1px solid #ccc;
    height: 32px;
    line-height: 30px;
    margin-left:-1px;
}
.interflow-pro-page .flow-display-table .item-tb .add-more:hover,.interflow-pro-page .flow-display-table .item-tb .delete:hover{
    background-color: #1f9cee;
    color: #fff;
    border-color: #1f9cee;
}
.flow-display-table .item-tb .delete{
    visibility:hidden;
}
.flow-display-table .item-tb .production-info-li:hover .delete{
    visibility:visible;
}
.default-textarea {
    margin: 0px;
    height: 109px;
    width: 432px;
    outline: none;
    padding: 4px 6px;
    border: 1px solid rgb(204, 204, 204);
}
.flow-display-table .item-tb .input{
    height: 32px;
    line-height: 32px;
    width: 240px;
    color: #666;
    outline: none;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
}
.default-p-box{
    text-align:center;
}
.default-submit{
    display:inline-block;
    padding: 0 34px;
    line-height: 42px;
    height: 42px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ddd;
    cursor: pointer;
    background-color: #1f9cee;
    color: #fff;
    letter-spacing:1px;
}
.default-submit:hover{
    box-shadow: 1px 1px 8px 0px rgba(24,159,254,.3);
    -webkit-box-shadow: 1px 1px 8px 0px rgba(24,159,254,.3);
}
.flow-display-table .item-tb .vont{
    line-height:22px;
    max-width: 816px;
}
.flow-display-table .pc-table{
    width:825px;
}

.flow-display-table .pc-table .table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}
.flow-display-table .pc-table .table tr{
    height:42px;
}
.flow-display-table .pc-table .table th{
    background-color:#f9f9f9;
}
.flow-display-table .pc-table .table th,.flow-display-table .pc-table .table td{
    border:1px solid #ddd;
    text-align:center;
}
.interflow-pro-page .result-broadcast{
    margin-bottom:80px;
    margin-top:0;

}
.get-box-code .empty{
    text-align:center;
    line-height:32px;
    font-size:14px;
}
.interflow-pro-page .get-code{
    margin-bottom:52px;
}

.interflow-pro-page .get-code .table-lengend{
    height:42px;
    line-height:42px;
}
.interflow-pro-page .get-code .table-lengend .fl{
    font-weight:bold;
    color:#000;
}
.interflow-pro-page .get-code .table{
    border-collapse:collapse;
    width:100%;
    table-layout:fixed;
}
.interflow-pro-page .get-code .table th,.interflow-pro-page .get-code .table td{
    padding:10px 12px;
    border:1px solid #e2e2e2;
    text-align:center;
}
.interflow-pro-page .get-code .table th{
    background-color:#eee;
}
.interflow-pro-page .get-code .code-div{
    display:inline-block;
}
.interflow-pro-page .get-code .code-div+p{
    display:none;
}
.interflow-pro-page .get-code .code-div img{
    /*width:100px;*/
    height:140px;
    margin:15px;
}
.flow-display-table.abs .vont{
    color:#8a8a8a;
}
.interflow-pro-page .pd{
    padding:0 15px;
}
.interflow-pro-page .account-info{

}
.interflow-pro-page .account-info .act-t{
    height:17px;
    line-height:17px;
    font-size:15px;
    border-left:3px solid #f66200;
    padding-left:5px;
    margin:24px 0 14px;
}
.interflow-pro-page .ips{
    display:inline-block;
    border-left: 3px solid #f66200;
    padding-left: 5px;
    height: 17px;
    line-height: 17px;
    margin-right:15px;
    font-weight:700;
    text-align:right;
    font-size: 15px;
    color:#333;
    margin: 24px 0 14px;
}

.interflow-pro-page .account-info .panel{
    background-color:#f9f9f9;
    color:#8a8a8a;
    padding: 12px;
}
.interflow-pro-page .account-info .panel .table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.interflow-pro-page .account-info .table td{
    padding:6px 12px;
}
.interflow-pro-page .border{
    margin-top:28px;
}
.interflow-pro-page .border-li{
    float:left;
    width: 46%;
    margin-right:20px;
    border:1px solid #e3e3e3;
    padding: 0 0 25px;
    margin-bottom:50px;
}
.interflow-pro-page .border-li:nth-child(2n){
    margin-right:0;
    float:right;
}
.interflow-pro-page .border-li .t{
    background-color:#f9f9f9;
    height:40px;
    line-height:40px;
    padding:0 13px;
}

.interflow-pro-page .border-li .t .fl{
    font-weight:bold;

}
.interflow-pro-page .border-li .p{
    margin-top:18px;
}
.interflow-pro-page .border-li .p .key{
    width: 74px;
    text-align: right;
    margin-right: 8px;
}
.interflow-pro-page .border-li{
    height:390px;
}
.interflow-pro-page .border-li .txt-overflow{
    width:calc(100% - 100px);
}
.interflow-pro-page .result-broadcast{
    margin-bottom:80px;
    margin-top:0;

}
.result-broadcast textarea{
    margin: 0px;
    width: 530px;
    height: 144px;
    margin-bottom: 16px;
    resize:vertical;
}
.ui-btn-group{

}
.ui-btn-group .btn-default{
    display:inline-block;
    padding:6px 22px;
    background-color:#108ee9;
    color:#fff;
    margin-right:6px;
    border:1px solid #108ee9;
    border-radius:3px;
    cursor:pointer;
}
.ui-btn-group .btn-default.btn-e{
    background-color:#169bd5;
}
.ui-btn-group .btn-default.btn-disabled{
    background-color:#f3f4f5;
    color:#666;
    border-color:#ddd;
}
/*鐗╂祦娴佺▼end*/
/*娑堟伅start*/
.message-web-page{}
.message-web-page .tab-switch{
    margin-top:0;
}
.message-web-page .tab-switch .tab-header{
    text-align:center;
    font-size:0;
}
.message-web-page .tab-header .tab-item{
    display:inline-block;
    width:120px;
    height:32px;
    line-height:32px;
    text-align:center;
    border:1px solid #ddd;
    font-size:14px;
    cursor:pointer;
}
.message-web-page .tab-header .tab-item.active{
    background-color:#108ee9;
    border-color:#108ee9;
    color:#fff;
}
.message-web-page .tab-header .tab-item.last-child{
    margin-left: -1px;
    border-left: none;
}
.message-web-page .tab-body .tab-panel{
    display:none;
}
.message-web-page .tab-body .tab-panel.active{
    display:block;
}
.message-web-page .h1{
    font-size: 16px;
    line-height: 32px;
    padding: 4px 0;
}
.no-message{
    height: 200px;
    background: url(../images/lALPBbCc1UELDKXNAcjNApM_659_456.png) no-repeat center center;
    background-size: 232px;
}
.no-msg-panel .tip{
    text-align: center;
    color: #838383;
    line-height: 26px;.supvise-flow-page .flow-title  a:hover
    font-size: 14px;
}
/*娑堟伅end*/
.order-supvise-page .search-div{
    margin: 12px 0;
}

.order-add-list .order-li [class^=addr] {
    float: left;
    height: 30px;
    line-height: 28px;
    margin-left: 18px;
}
.order-add-list .order-li:hover .addr-ress {
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*page 404 start*/
.page-404{
    width:1200px;
    margin:0 auto;
}
.page-404 .p404-box{
    position:relative;
    padding-top:135px;
    height:465px;
    box-sizing:content-box;
    background-image:url(../images/page-404-bg.png);
    background-repeat:no-repeat;
    background-position:50% 135px;
}
.page-404 .p404-box .statement{
    position:absolute;
    bottom:10px;
    left:0;
    width:100%;
    text-align:center;
}
.p404-box .statement .p{
    font-size:18px;
    color:#666;
}
.p404-box .statement .ab{
    line-height: 32px;
    color:#1f9cee;
    font-size:14px;
}
.project-form-box .obx{

}
.project-form-box .obx>.select {
    width: 140px;
}
.project-form-box .obx>div {
    display: inline-block;
        width: 120px;
}
.project-form-box .obx>div>.select {
    width: 100%;
}
.project-form-box .input-control{
    float: left;
    padding-left: 4px;
    margin-right: 28px;
    margin-left:0;
}
.project-form-box .input{
    padding:0 4px;
}
.project-form-box .obx .select {
    padding: 0 4px;
}
/*page 404 start*/
/*froget psd start*/
.froget-psd-page{
    width:1200px;
    margin:0 auto;
}
.froget-psd-page .forget-model{
    padding-top:104px;
}
.forget-model .forget-border{
    width:440px;
    height:300px;
    padding:10px;
    border:1px solid #dfdfdf;
    margin:0 auto;
}
.forget-model .forget-border .h1{
    height:46px;
    line-height:46px;
    background-color:#f2f2f2;
    text-align:center;
    color:#060932;
    font-size:16px;
    font-weight:700;
}
.forget-border .ui-form{
    margin-top:28px;
}
.forget-border .input-control{
    margin-bottom:24px;
    height:40px;
    line-height:40px;
    position:relative;
}
.forget-border .input-control .help-block{
    position:absolute;
    bottom:-23px;
    left:0;
    height:22px;
    line-height:22px;
    padding-left:75px;
    color:#f16262;
    margin-top: 0;
    margin-bottom: 0;
    display:none;
}
.forget-border .input-control:last-child{
    margin-bottom:0;
}
.forget-border .input-control .my-label{
    width:75px;
    padding-right:3px;
    text-align:right;
    color:#333;
    font-size:14px;
    min-height:1px;
}
.forget-border .input-control .my-val{
    width:318px;
    height:100%;
}
.forget-border .input-control .my-val.yz-code{
    width:198px;
}
.forget-border .input-control .get-code{
    width:108px;
    background-color:#f2f2f2;
    color:#666;
    text-align:center;
    margin-left:11px;
    cursor:pointer;
    height:100%;
    border: 1px solid #ddd;
    box-sizing:border-box;
    border-radius:3px;
}
.forget-border .input-control .get-code:hover{

}
.forget-border .input-control .default-input{
    height: 100%;
    width: 100%;
    color: #666;
    outline: none;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0 14px;
    box-sizing: border-box;
    border-radius: 3px;
}
.forget-border .input-control .default-input::-webkit-input-placeholder{
    color:#cacaca;
}
.forget-border .input-control .next{
    width:318px;
    cursor:pointer;
    background-color:#1f9cee;
    color:#fff;
    text-align:center;
    border-radius: 3px;
}
.forget-border .get-table .input-control .help-block{
    padding-left: 90px;
}
/*froget psd end*/


.tcdPageCode>li{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 28px;
    font-size: 12px;
    border-radius: 2px;
    height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    color: #666;
    background-color: #fff;
    border-color: #d9d9d9;
    outline: none;
    margin-left: 1px;
}
.tcdPageCode>li.active{
    background-color: #108ee9;
    border-color: #108ee9;
    color: #fff;
}
.tcdPageCode>li>a{
    color:#666;
    padding: 0 15px;
    display:inline-block;
}
.tcdPageCode>li.active>a{
    color:#fff;
}
.tcdPageCode>li:hover>a{
    color:#0e77ca;
}
.tcdPageCode>li.active:hover>a{
    color:#fff;
}
.label,label{
    font-weight:normal!important;
}



.project-ui-pname {
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-ui-add {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-ui-cname {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-ui-time {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-tel{
    text-align:center;
    font-family:"Microsoft Yahei","寰蒋闆呴粦";
    line-height:30px;
}
.footer-tel .ipe{
    display:inline-block;
    vertical-align:middle;
    margin-right:22px;
    font-size:14px;
    color:#666;
}
.footer-tel .qq-panel{
    color:#666;
}
.footer-tel .qq-panel:hover{
    color:#1f9cee;
}
.footer-tel .ipe:last-child{
    margin-right:0;
}
.footer-tel em,.footer-tel i{
    font-style:normal;
}
.footer-tel .i-tel{

}
.footer-tel .i-tel .ekey{
    color:#666;
}
.footer-tel .i-tel .eves{
    color:#666;
}
.footer-tel .down-ice{
    color:#1f9cee;
}
.footer-tel .down-ice:hover{
    color:#1f9cee;
    text-decoration:underline;
}
.footer-tel .i-qq .imgs{
    vertical-align:middle;
}
.footer-tel .i-qq .eves{
    vertical-align:middle;
}

/*鏀惰棌start*/
.default-collect{
    display: inline-block;
    width: 30px;
    margin: 0;
    padding: 0;
}
.default-collect .i-lay{
    width:100%;
    height:24px;
    line-height:24px;
    cursor:pointer;
    text-align:center;
    overflow:hidden;
}
.default-collect .i-lay .ifont{
    font-size:22px;
    color:#878787;
}
.default-collect .i-lay.checked .ifont{
    color:#1f9cee;
}
.collect-ibox{
    overflow:hidden;
}
.collect-btn{
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height:28px;
    line-height:28px;
    color:#1f9cee;
    border:1px solid #1f9cee;
    background-color:#fff;
    width:80px;
    text-align:center;
    cursor:pointer;
    border-radius:18px;
    user-select:none;
    -webkit-user-select:none;
}
.collect-btn.checked{
    background-color:#1f9cee;
    color:#fff;
}
/*鏀惰棌end*/
/*瑙嗛鎾斁start*/
.auv-video{
    margin: 0;
    height: 228px;
    width: 228px;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-color: rgba(0,0,0,0.2);
}
.auv-video .video{
    height: 100%;
    background:url(../images/vedio-default.png) no-repeat center center;
    cursor: pointer;
}

.auv-video .play-time{
    display:none;
    position:absolute;
    right: 0;
    bottom: 0;
    padding: 1px 14px;
    background-color: rgba(0,0,0,0.7);
    font-size:14px;
    color: #fff;
}
/*瑙嗛鎾斁end*/
/*2018-11-23 操作视频样式*/
.video-box {
  width: 100%;
  margin-top: 20px;
}

.video-box .video-title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #cccccc;
  margin: 0 0 24px 0;
}

.video-box .video-title .icons {
  width: 20px;
  height: 100%;
  background: url(../images/uifont-icons.png) no-repeat 0 10px;
}

.video-box .video-title .text {
  font-weight: bold;
  color: #333;
  margin-left: 10px;
}

.video-box .video-content {
  width: 100%;
}

.video-box .video-content .video-item {
  width: 352px;
  margin-right: 70px;
  overflow: hidden;
}

.video-box .video-content .video-item:nth-child(3n) {
  margin-right: 0;
}

.video-box .video-content .video-item .video {
  width: 352px;
  height: 200px;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  position: relative;
}

.video-item .video img{
    width:100%;
	height: auto;
}

.video-box .video-content .video-item .video .play-icon {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  background-image: url(../images/play.png);
  background-position: center bottom;
  background-size: 46px 46px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .3s .2s;
}

.video-box .video-content .video-item .video:hover .play-icon {
  background-position: center center;
  opacity: 1;
}

.video-box .video-content .video-item .item-title {
  text-align: center;
  line-height: 42px;
}


.video-cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.video-cover .video-content{
  width: 800px;
  height: 600px;
  border: 1px solid #e6e6e6;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -300px;
}
.video-cover #video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video-cover .video-close{
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
}